@import '../../var.scss';
@import '../../common.scss';
.section {
  width: 100%;
  background-color: #fff;
  .list {
    display: flex;
    justify-content: space-between;
    width: 100%;
    min-height: 336rpx;
    padding: 40rpx 0;
    border-bottom: 1rpx solid $border-color;
    .image-wrap {
      width: 180rpx;
      height: 253rpx;
      background-color: $img-color;
      border-radius: 8rpx;
      margin-left: 28rpx;
      .img {
        width: 180rpx;
        height: 253rpx;
        border-radius: 8rpx;
      }
    }
    .content {
      width: 380rpx;
      color: $title-color;
      .type {
        width: 100%;
        font-size: 22rpx;
        line-height: 22rpx;
      }
      .title {
        width: 100%;
        margin: 20rpx 0;
        font-weight: 600;
        font-size: 32rpx;
        line-height: 45rpx;
      }
      .detail {
        width: 100%;
        margin-top: 10rpx;
        color: $info-color;
        font-size: 24rpx;
      }
    }
    .btnBox {
      width: 100rpx;
      border-left: 2rpx dashed $border-color;
      image {
        display: block;
        width: 30rpx;
        height: 25rpx;
        margin: 90rpx auto 10rpx;
      }
      .jion {
        width: 100%;
        height: 22rpx;
        color: #e36579;
        font-size: 22rpx;
        line-height: 22rpx;
        text-align: center;
      }
      .jioned {
        color: $info-color;
      }
      .isMine {
        color: $info-color;
      }
    }
  }
}
